<template>
  <div id="serviceInformationContentView">
      <img v-for="item in imgList" :src="item"/>
      <div class="contentDiv">1、表格中报价均为不含税价。<br> 2、上表范围之外的服务收费，可按照人工费用收取或者由甲乙双方协商确定，人工费用按每小时50元/人收取，不足1小时按1小时算，材料费用、高空费用另计。 <br>3、上述项目由于客观原因导致维修时间超出1小时的工作，额外收取25元/人/每小时的服务费，不足1小时按1小时算。<br> 4、材料费用将随市场价格变动而变动。 涉及到工程维修的内容，双方另行约定。</div>
  </div>
</template>

<script>
export default {
  name: "ServiceInformationContentView",
  props: {
    typeName: String
  },
  computed: {
    imgList() {


    //         <van-tab title="有害生物防制服务" name="有害生物防制服务"></van-tab>
    //         <van-tab title="生活垃圾收集处置" name="生活垃圾收集处置"></van-tab>

        if (this.typeName === "电气类") {
            return [require("@/images/serviceInformation/电气类1.png"),require("@/images/serviceInformation/电气类2.png"),require("@/images/serviceInformation/电气类3.png")];
        }else if (this.typeName === "给排水类") {
            return [require("@/images/serviceInformation/排水1.png"),require("@/images/serviceInformation/排水类2.png")];
        }else if (this.typeName === "疏通类") {
            return [require("@/images/serviceInformation/疏通类.png")];
        }else if (this.typeName === "门窗类") {
            return [require("@/images/serviceInformation/门窗类1.png"),require("@/images/serviceInformation/门窗类2.png")];
        }else if (this.typeName === "安装类") {
            return [require("@/images/serviceInformation/安装类1.png"),require("@/images/serviceInformation/安装类2.png")];
        }else if (this.typeName === "弱电类") {
            return [require("@/images/serviceInformation/弱电类1.png"),require("@/images/serviceInformation/弱电类2.png"),require("@/images/serviceInformation/弱电类3.png")];
        }else if (this.typeName === "保洁服务") {
            return [require("@/images/serviceInformation/保洁服务.png")];
        }else if (this.typeName === "保安服务") {
            return [require("@/images/serviceInformation/保安服务.png")];
        }else if (this.typeName === "绿化服务") {
            return [require("@/images/serviceInformation/绿化服务.png")];
        }else if (this.typeName === "有害生物防制服务") {
            return [require("@/images/serviceInformation/有害生物防制服务.png")];
        }else if (this.typeName === "生活垃圾收集处置") {
            return [require("@/images/serviceInformation/生活垃圾收集处置.png")];
        }


            return [];

    }
  },
    data(){
      return{
      }
    }
};
</script>

<style scoped>
#serviceInformationContentView {
  background-color: white;
  margin-top: 64px;
}
img {
  width: 90%;
  margin: 0 5%;
}
    .contentDiv{
        font-size:0.8rem;
        font-family:PingFangSC-Regular,PingFangSC;
        font-weight:400;
        color:rgba(122,132,145,1);
        line-height:1.6333333333333333rem;
        margin: 1.4666666666666666rem 1.6rem;
    }
</style>
